<!DOCTYPE HTML>
<html>
<head>
  <script type="application/javascript" src="mediaStreamPlayback.js"></script>
</head>
<body>
<pre id="test">
<script type="application/javascript">
  createHTML({
    title: "getUserMedia Stop Video+Audio Stream With Followup Video+Audio",
    bug: "822109"
  });
  /**
   * Run a test to verify that I can complete an video+audio gum playback in a
   * media element, stop the stream, and then complete another video+audio gum
   * playback in a media element.
   */
  runTest(function () {
    return getUserMedia({video: true, audio: true})
      .then(stream => {
        var testVideo = createMediaElement('video', 'testVideo');
        var streamPlayback = new LocalMediaStreamPlayback(testVideo, stream);

        return streamPlayback.playMediaWithDeprecatedStreamStop(false)
          .then(() => getUserMedia({video: true, audio: true}))
          .then(secondStream => {
            streamPlayback.mediaStream = secondStream;

            return streamPlayback.playMedia(false)
              .then(() => secondStream.stop());
          });
      });
  });

</script>
</pre>
</body>
</html>
